<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
	<title>Layabox</title>
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<nav class="navbar navbar-inverse"><!-- inverse反色  collapsed全文阅读-->
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navigation">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="index.html" class="navbar-brand">
					<img src="images/logo.png">
				</a>
			</div>
			<div class="collapse navbar-collapse" id="navigation">
				<ul class="nav navbar-nav">
					<li class="active"><a href="">首页</a></li>
					<li><a href="">laya家族</a></li>
					<li><a href="">游戏</a></li>
					<li><a href="">新闻动态</a></li>
					<li><a href="">开发者中心</a></li>
					<li><a href="">开发者社区</a></li>
					<li><a href="">开放平台</a></li>
					<li><a href="">关于我们</a></li>
				</ul>
				<!-- <form class="navbar-form navbar-left">
					<div class="form-group">
						<input type="text" name="kwds" id="search" class="form-control" placeholder="Search...">
					</div>
					<button type="submit">
						<i class="glyphicon glyphicon-search"></i>
					</button>
					 default 白色 primary 深蓝色 info 浅蓝色 success 绿色 warning 黄色 danger红色
				</form> -->
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown">              
					<!-- data-toggle开关用来干什么(给谁用)
					给bootstrap看的(dom元素自定义属性) -->
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Language <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li class="active"><a href="">简体中文</a></li>
							<li><a href="">English</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<section class="banner">
		<div id="carousel" class="carousel slide" data-ride="carousel" data-interval="2000">
			<!-- 指示器 -->
			<ol class="carousel-indicators"><!-- data-slide-to="0"滑到第几张 -->
				<li data-target="#carousel" data-slide-to="0" class="active"></li>
				<li data-target="#carousel" data-slide-to="1"></li>
				<li data-target="#carousel" data-slide-to="2"></li>
			</ol>
			<!-- 轮播内容 -->
			<div class="carousel-inner">
				<div class="item active">
					<img src="images/banner01.png">
				</div>
				<div class="item">
					<img src="images/banner01.png">
				</div>
				<div class="item">
					<img src="images/banner01.png">
				</div>
			</div>
		</div>
		<!-- <img src="images/banner01.png"> -->
	</section>

	<section class="engine">
		<div class="container">
			<h1>LayaFlash 引擎</h1>
			<h2>让Flash技术变成开发HTML5产品的利器</h2>
				<div class="col-xs-12 col-md-8">
					<div class="row">
						<div class="col-xs-12 col-sm-6 engine-item">
							<div class="icon">
								<img src="images/engine-01.png">
							</div>
							<div class="details">
								<h4>快速Flash产品转换</h4>
								<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
							</div>
						</div>
						<div class="col-xs-12 col-sm-6 engine-item">
							<div class="icon">
								<img src="images/engine-02.png">
							</div>
							<div class="details">
								<h4>LayaFlash IDE</h4>
								<p>支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能</p>
							</div>
						</div>
						<div class="col-xs-12 col-sm-6 engine-item">
							<div class="icon">
								<img src="images/engine-03.png">
							</div>
							<div class="details">
								<h4>HTML5零学习成本</h4>
								<p>AS3开发者可直接使用Flash开源框架和工具链进行开发HTML5</p>
							</div>
						</div>
						<div class="col-xs-12 col-sm-6 engine-item">
							<div class="icon">
								<img src="images/engine-04.png">
							</div>
							<div class="details">
								<h4>性能媲美APP</h4>
								<p>LayaFlash引擎的重度游戏已运行于QQ空间等平台，性能媲美APP</p>
							</div>
						</div
					</div>
				</div>
		</div>
	</section>
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>
</body>
</html>